<template>
  <div ref="table">123</div>
</template>

<script>
 export default {
   name: 'TestA',
   props: {
   },
   data(){
    return {
        msg:123
    }
   },
   beforeCreate(){
    //创建了实例，数据没初始化
    console.log('beforeCreate',this.msg)//underfined
    console.log(this)//vue实例
   },
   created(){
    //data数据初始化完成 dom没创建  （至少从到这里开始就）发请求获取后台数据（请求时异步，不能改数据）
    console.log('created',this.msg);//123
    console.log(this.$refs.table);//underfined
   },
   beforeMount(){
    //dom没创建完成 页面还没有解析渲染完成 无法获取dom  创建虚拟dom
    console.log('beforeMount',this.$refs.table);//underfined
   },
   mounted(){
    //dom创建完成 页面已经解析渲染完成 可以获取dom操作dom
    console.log('mounted',this.$refs.table);//div
   }
   
 }
</script>

<style scoped lang='less'>

</style>